<nav class="navbar navbar-fixed-top  navbar-inverse">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
				aria-expanded="false">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="javascript:void(0);"
				style="font-size: 24px;">定时任务管理系统</a>
		</div>
		<div class="collapse navbar-collapse "
			id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="/task/home">首页 </a></li>
			</ul>
			<ul class="nav navbar-nav">
				<li><a href="/showCron">cron生成器 </a></li>
			</ul>
			<ul class="nav navbar-nav">
				<li><a href="javascript:void(0);">测试2 </a></li>
			</ul>
			<ul class="nav navbar-nav">
				<li><a href="javascript:void(0);">测试3 </a></li>
			</ul>
			<ul class="nav navbar-nav">
				<li><a href="javascript:void(0);">测试4 </a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle"
					data-toggle="dropdown" role="button" aria-haspopup="true"
					aria-expanded="false">${login_user}<span class="caret"></span></a>
					<ul class="dropdown-menu" style="background-color:green;">
						<li><a href="javascript:void(0)" id="logout">退出</a></li>
						<li><a href="${login_user_blog}" target="_blank">跳到blog</a></li>
					</ul>
				</li>
				<li><a href="javascript:void(0);" id="time"></a></li>
			</ul>
			<script type="text/javascript">
				// 弹出层框架的模块初始化
				layui.use('layer', function(){
				  var layer = layui.layer;
				});
				$(function() {
					// 时间显示
					$("#time").runtime();
					// 实现导航栏高亮
					var urlstr = location.href;
					$("#bs-example-navbar-collapse-1 a").each(
							function() {
								if ((urlstr + '/')
										.indexOf($(this).attr('href')) > -1
										&& $(this).attr('href') != '') {
									$(this).parent().addClass('active');
								} else {
									$(this).parent().removeClass('active');
								}
							});
					// 退出按钮绑定点击事件
					$("#logout").click(function(){
						layer.confirm('确定要退出吗?', {icon: 3, title:'确认信息',skin: 'layui-layer-lan'}, 
								function(index){
								 	 layer.close(index);	// 这个是点完这个按钮后,需要把这个确认框关闭
								 	 window.location.href="/logout"
								}
							);
						
						
					})
				})
			</script>
		</div>
	</div>
</nav>